
{if $quanliulan == 0}

<!--左边圈子-->
<div class="d-yincang-0" style="">
<div class="d-kuan-700-bianhua d-piaofu-youbian d-youbian-kaiguan">
	<div class="d-guanbi-youbian d-wenzi-juzhong d-quxian-0" onclick="javascript:d_youbian_guan();">
		<a class="d-guanbi-anniu d-wenzi-juzhong d-you-5">关 闭</a>
	</div>
	
	<div class="d-kuan d-beijing-baise d-xiala-kuang"  id="youbiantiezi">
		<div class="d-zuoyou-10 d-kuan d-quxian-0">
			<div id="d-tiezi-zhanshi">
				
			</div>
			
		</div>
		
		<div class="d-clear"></div>

	</div>
	
	
</div>
</div>

<script type="text/javascript">
	
	//var contentsHeight = document.body.clientHeight;
	var contentsHeight = $(window).height(); //获取高度
	var h = contentsHeight;
	document.getElementById("youbiantiezi").style.height = h + 'px';
	$(document).ready(function() {
		window.aaa = 1;
		$('#myButton').click(function() {
			//dr_fabu(aaa);
		    //alert(aaa);
			//console.log("ida",aaa);// 将显示 "Hello, world!"
		  });
		$('#youbiantiezi').scroll(function(){
			// 当 #b2 滚动时, 以下的代码会被执行
			var scrollTop = $(this).scrollTop();  // 获取 #b2 的滚动高度
			//console.log(scrollTop);
			$.cookie('weatherTop2',scrollTop);// 保存高度
		});
		//console.log('高度',scrollTop);
	});
	var value = document.cookie;
	var top2 = value.split('weatherTop2=');
	//console.log('获取高度',top2[1]);
	//
	$('#youbiantiezi').scrollTop(top2[1]);
	
	/*全部*/
	
	$('.d-youbian-kaiguan').hide();
	function d_youbian_guan() {
		if ($('.d-youbian-kaiguan').is(':hidden')) {
			$('.d-youbian-kaiguan').show();
		} else {
			$('.d-youbian-kaiguan').hide();
		}
	}
	function d_tiezi(id) {
		$('.d-youbian-kaiguan').show();
		var fabuid = id;

		window.aaa = id;
		// 创建一个新的iframe元素
		var iframe = $('<iframe />', {
		    src: '{dr_url('quan/son/index')}&id='+id+"&youbian=1",  // 你想加载的网页
		    frameborder: 0,  // 边框，一般为0
			right: '-20px',
		    width: '100%',  // 宽度
		    height: h-70 + 'px',  // 高度
			overflow: 'hidden',
			
		    allowfullscreen: 'true'  // 如果需要全屏显示，设置为true
		});
		//栏目
		$('#d-tiezi-zhanshi').html(iframe);
		
		console.log("id点击",id);
	}

	
</script>
{/if}
<style>
	*, :after, :before {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		scrollbar-color: #62464600 #b3353500;
	}
	
	iframe::-webkit-scrollbar {
	    width: 0!important;
	    height: 0!important;
	    background-color: #F5F5F5;
	}
	::-webkit-scrollbar {
	    width: 0!important;
	    height: 8px;
	    background-color: #F5F5F5;
	}
	iframe {
	    overflow: auto;
	    height: 100%;
	    width: 100%; 
	    scrollbar-width: none; /* Firefox */
	    -ms-overflow-style: none; /* IE and Edge */
	    ::-webkit-scrollbar {
	        display: none; /* Chrome, Safari and Opera */
	    }
	}

	.d-guanbi-youbian {
		position: fixed;
		top: 50%;
		margin-left: -30px;
		width: 30px;
		height: 80px;
		background-color: #76a5b6;
		color: #ffffff;
		border-radius: 10px 0 0 10px; 
		writing-mode: vertical-rl;
		text-orientation: mixed;
		
		  
	}
	.d-guanbi-anniu {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: #ffffff;
	}
	.d-kuan-700-bianhua {
		width: 50%;
		box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
		overflow: hidden;
	}
	@media screen and (max-width: 700px) { 
		.d-kuan-700-bianhua {
			width: 100%;
			box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
			overflow: hidden;
		}
		.d-guanbi-youbian {
			position: fixed;
			top: 50%;
			margin-left: 0px;
			width: 30px;
			height: 80px;
			background-color: #76a5b6;
			color: #ffffff;
			border-radius:  0 10px 10px 0; 
			writing-mode: vertical-rl;
			text-orientation: mixed;
			
			  
		}
	}
	.d-piaofu-youbian {
	    position: fixed;
	    z-index: 1000;
	    margin-top: 90px;
	    right: 0px;
	}
	.d-fabu-shezhi {
	    z-index: 999999;
	    position: fixed;
		justify-content: center;
		top: 50%;
		left: 50%;
	    /*bottom: 0px;*/
	    width: 700px;
	    /*height: 270px;*/
	    overflow: auto;
	    background: #ffffff;
	    transform: translate(-50%, -50%);
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(255, 255, 255, 1.0);
		border-radius: 10px;
	}
	.d-fabu-tiezi{
		
		transform: translate(-50%, -50%);
	}
	.d-fabu-fenleis {
	    padding-left: 10px;
	    padding-bottom: 10px;
	    resize: none;
	    border: none;
	}
	.d-fabu {
	    padding-top: 0px;
	    border: 1px solid #ddd;
	    /* padding-bottom: 10px; */
	}
	.form-control-fabu {
		
		/*width: 100%;*/
		/*height: 34px;*/
		font-size: 12px;
		padding: 2px 2px;
		/*background-color: #f3f4f7;*/
		border: 1px solid #f3f4f7;
		border-radius: 50px;
		/*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
		
	}
	.form-control-fabu select {
	    background: #efefef;;
	    border-color: #ffffff;
		border-radius: 50px;
	    color: #333;
		font-size: 12px;
	    padding: 0px;
	}
	.form-control-fabu option {
	    font-weight: normal;
	    display: block;
	    white-space-collapse: collapse;
	    text-wrap: nowrap;
	    min-height: 1.2em;
	    padding: 0px 2px 1px;
	}
	.d-yincang-wenzi-jiugetu {
		display: none
	}
	.d-yincang-tu-jiugetu {
		display: none
	}
	.d-anniu-jiugetu {
		margin-top: 2px;
	    padding: 2px 7px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 50px;
		float: left!important;
		background-color: #efefef;
		color: #aaaaaa;
	}
	#fileupload_jiugetu {
		float: left!important;
	}
	.preview {
	    height: 55px;
	    border: 1px solid #f5f5f5;
	}
	.files_row .preview img {
	    max-height: 40px;
	    overflow: hidden;
	}
	.note-toolbar {
		display: none
	}
	.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
	    padding: 0px;
	    overflow: auto;
	    word-wrap: break-word;
		min-height: 100px;
	}
	.note-statusbar {
		display: none
	}
	.d-fabu-neikuang-10 {
		padding: 10px 10px 0 10px;
	}
	.panel {
	    margin-bottom: 0px;
	    background-color: #fff;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	}
	.note-editable hr, .note-editable p {
	    margin: 2px 0;
	}
	.note-editor.note-frame, .note-editor.note-airframe {
		
	    border: 1px solid #ffffff;
	    border-radius: 4px;
	}
	.note-editable {
	  position: relative;
	}
	
	.note-editable:hover {
	  outline: none;
	  ::placeholder {
	    visibility: hidden;
	  }
	.shuoming {
		left: 0;
		top: 10px;
		position: fixed;
		width: 100px;
		  height: 100px;
	}
</style>